<template>
  <div>
    <div class="wrap-list" v-for="(list,index) in list" :key="index" @click="goDetail()">
      <p>{{list.filename}}1111111111</p>
      <i class="icon iconfont icon-youjiantou"></i>
    </div>
  </div>
</template>

<script>
export default {
  data() {
    return {
      list:'',
    }
  },
  created() {
    this.dome()
  },
  methods: {

    dome() {
        this.$axios.get('/front/getList').then(res => {
        this.list = res.data.filePage.content;
      })
    },
    goDetail() {
      this.$router.push({
        name: 'DutyDetail'
      })
    }
  }
}
</script>
<style lang="scss">
@import '../assets/css/duty.scss';
</style>
